// 定义食物类
class Food {
    // 定义属性表示食物对应的元素
    element: HTMLElement;
    constructor() {
      // 获取页面的food元素并且赋值，加！表示不可能为空
      this.element = document.getElementById("food")!;
    }
    //  获取食物x轴坐标
    getX(): number {
      return this.element.offsetLeft;
    }
    // 获取y轴坐标
    getY(): number {
      return this.element.offsetTop;
    }
    // 食物位置发生变化
    change(): void {
      //   生成随机位置
      // left 和 top 位于0 —290 之间10的整数倍数
      // 设置蛇移动一次是一格 math.round 四舍五入 math.random 生成0-1随机数，不包含0和1
      // Math.round(Math.random() * 29) * 10;
      let top = Math.round(Math.random() * 29) * 10;
      let left = Math.round(Math.random() * 29) * 10;
      //   位置改变
      this.element.style.top = top + "px";
      this.element.style.left = left + "px";
    }
  }
  export default Food